<template>
	<view class="container">
		<view class="h1">{{ msgData.title }}</view>
		<view class="p">{{ msgData.content }}</view>
	</view>
</template>

<script setup>
import { onLoad } from '@dcloudio/uni-app';
import { get } from '@/request/index.js';
import { ref } from 'vue';

onLoad(async (option) => {
	await getMsgDetail(option.id);
});
const msgData = ref({});
const getMsgDetail = async (id) => {
	const res = await get('agent/notice/detail', { id });
	if (res.code == 200) {
		msgData.value = res.data;
	}
};
</script>

<style scoped lang="scss">
.container {
	padding: 12rpx 28rpx 80rpx;
	background-color: #fff;
	.h1 {
		line-height: 98rpx;
		font-size: 28rpx;
		font-weight: bold;
		text-align: center;
	}
	.p {
		line-height: 1.5;
		font-size: 28rpx;
	}
}
</style>
